.eyes-box {
    display: flex;

    &>div {
        flex-grow: 1;
        flex-wrap: wrap;
        margin: 0px 2px;
    }

    .video-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        position: relative;

        .video-title {
            width: 100%;
            padding: 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: keep-all;
            box-sizing: border-box;
        }

        .video-box {
            flex-grow: 1;
            box-sizing: border-box;


        }

        .video-details {
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: 0px;
            text-align: right;
            padding: 5px 0px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%);
            z-index: 301;

            &>span {
                color: rgba(255, 255, 255, 0.6);
                position: relative;
                font-size: 12px;
                padding-right: 10px;
                cursor: pointer;
                user-select: none;

                svg {
                    margin-left: 5px;
                }
            }
        }
    }
}